<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>管理系统</title>

    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/font-awesome/4.5.0/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/fonts.googleapis.com.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace.min.css}" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" th:href="@{/css/ace-part2.min.css}" class="ace-main-stylesheet"/>
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace-rtl.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace-ie.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/dataTables.bootstrap4.min.css}"/>
    <script th:src="@{/js/ace-extra.min.js}"></script>
    <script th:src="@{/js/html5shiv.min.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
</head>

<body class="no-skin">
<!--头导航栏-->
<div th:replace="common/bar::#navbar"></div>
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>
    <!-- 侧导航栏 -->
    <div th:replace="common/bar::#sidebar"></div>

    <div class="main-content">
        <div class="modal fade" id="view_vor_modal">
            <div class="modal-dialog modal-lg" style="width: 80%">
                <div class="modal-content">
                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="page-content">
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">非道路移动柴油机械检测原始记录</h4>
                                    <input type="text" id="vorId" hidden="hidden">
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form class="form-horizontal" role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">报告编号</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="bgbh"
                                                               placeholder="报告编号">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">检测日期</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="jcrq"
                                                               placeholder="检测日期">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">委托单位</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="wtDw"
                                                               placeholder="委托单位">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">联系人</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="wtLxr"
                                                               placeholder="联系人">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">委托单位地址</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="wtDwdz"
                                                               placeholder="委托单位地址">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">联系方式</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="wtLxfs"
                                                               placeholder="联系方式">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">持有者</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="cyz"
                                                               placeholder="持有者">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">联系人</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="cyzLxr"
                                                               placeholder="联系人">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">持有者地址</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="cyzDz"
                                                               placeholder="持有者地址">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">联系方式</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="cyzLxfs"
                                                               placeholder="联系方式">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">设备基本信息</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form class="form-horizontal" role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">机械名称</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxmc"
                                                               placeholder="机械名称">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">机械牌号</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxhp"
                                                               placeholder="机械牌号">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">机械型号</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxxh"
                                                               placeholder="机械型号">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">机械编码/机械环保码</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxbm"
                                                               placeholder="机械编码/机械环保码">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">生产厂家</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbSccj"
                                                               placeholder="生产厂家">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">机械品牌</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxpp"
                                                               placeholder="机械品牌">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">设备颜色</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbSbys"
                                                               placeholder="设备颜色">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">出厂时间</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbCcsj"
                                                               placeholder="出厂时间">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">机械类型</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbJxlx"
                                                               placeholder="机械类型">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">设备类型</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbSblx"
                                                               placeholder="设备类型">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">后处理系统</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbHclxt"
                                                               placeholder="后处理系统">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">工作特性</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="sbjbGztx"
                                                               placeholder="工作特性">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">发动机信息</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form class="form-horizontal" role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">生产厂家</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjSccj"
                                                               placeholder="生产厂家">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">型号/规格</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjXh"
                                                               placeholder="型号/规格">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">出厂编号</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjCcbh"
                                                               placeholder="出厂编号">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">出厂时间</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjCcsj"
                                                               placeholder="出厂时间">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">额定净功率(KW)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjEdjgl"
                                                               placeholder="额定净功率(KW)">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">额定转速(r/min)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjEdzs"
                                                               placeholder="额定转速(r/min)">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">燃料型号</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjRlxh"
                                                               placeholder="燃料型号">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">排放阶段</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="fdjPfjd"
                                                               placeholder="排放阶段">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">检测信息</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form class="form-horizontal" role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">检测依据</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJcyj"
                                                               placeholder="检测依据">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">检测方法</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJcff"
                                                               placeholder="检测方法">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">检测类别</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJclb"
                                                               placeholder="检测类别">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">检测参数</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJccs"
                                                               placeholder="检测参数">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">开始时间</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxKssj"
                                                               placeholder="开始时间">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">结束时间</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJssj"
                                                               placeholder="结束时间">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">检测地点</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxJcdd"
                                                               placeholder="检测地点">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">所属区域</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxSsqy"
                                                               placeholder="所属区域">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">温度(℃)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxWd"
                                                               placeholder="温度(℃)">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">相对湿度(%)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxXdsd"
                                                               placeholder="相对湿度(%)">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">大气压力(kPa)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxDqyl"
                                                               placeholder="大气压力(kPa)">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">海拔高度(m)</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcxxHbgd"
                                                               placeholder="海拔高度(m)">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="jcrq" class="col-sm-1 control-label">检测人员</label>
                                                    <div class="col-sm-11">
                                                        <input type="text" class="form-control" id="jcxxJcry"
                                                               placeholder="检测人员">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">检测数据</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form class="form-horizontal" role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">测量值1</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjClz1"
                                                               placeholder="测量值1">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">测量值2</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjClz2"
                                                               placeholder="测量值2">
                                                    </div>
                                                    <label for="bgbh" class="col-sm-1 control-label">禁止高排区域</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjJzgpqy"
                                                               placeholder="禁止高排区域">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">检测结果</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjJcjg"
                                                               placeholder="检测结果">
                                                    </div>

                                                </div>
                                                <div class="form-group">
                                                    <label for="jcrq" class="col-sm-1 control-label">测量值3</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjClz3"
                                                               placeholder="测量值3">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">平均值</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjPjz"
                                                               placeholder="平均值">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">非禁止高排区域</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjFjzgpq"
                                                               placeholder="非禁止高排区域">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">检测结果</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="jcsjFjcjg"
                                                               placeholder="检测结果">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bgbh" class="col-sm-1 control-label">转速(r/min)</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="jcsjZs"
                                                               placeholder="转速(r/min)">
                                                    </div>
                                                    <label for="jcrq" class="col-sm-1 control-label">烟气黑度</label>
                                                    <div class="col-sm-5">
                                                        <input type="text" class="form-control" id="jcsjYqhd"
                                                               placeholder="烟气黑度">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">主要设备信息</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <form role="form">
                                            <fieldset>
                                                <div class="form-group text-center">
                                                    <label for="bgbh" class="col-sm-2 control-label">设备编号</label>
                                                    <label for="jcrq" class="col-sm-2 control-label">设备名称</label>
                                                    <label for="bgbh" class="col-sm-2 control-label">型号规格</label>
                                                    <label for="jcrq" class="col-sm-2 control-label">溯源单位</label>
                                                    <label for="bgbh" class="col-sm-2 control-label">证书编号</label>
                                                    <label for="jcrq" class="col-sm-2 control-label">有效期至</label>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbSbbh"
                                                               placeholder="设备编号">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbSbmc"
                                                               placeholder="设备名称">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbSydw"
                                                               placeholder="型号规格">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbYqhd"
                                                               placeholder="溯源单位">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbZsbh"
                                                               placeholder="证书编号">
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" id="zysbYxqz"
                                                               placeholder="有效期至">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-box">
                                <div class="widget-header">
                                    <h4 class="widget-title" style="color: black">照片</h4>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main no-padding">
                                        <div class="row text-center" style="font-size: 17px">
                                            <div class="col-sm-6">
                                                机械整体照片
                                            </div>
                                            <div class="col-sm-6">
                                                设备检测照片
                                            </div>
                                        </div>
                                        <form role="form">
                                            <fieldset>
                                                <div class="form-group ">
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src="#"  id="zpJxzt">
                                                    </div>
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src="#"  id="zpSbjc">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                        <div class="row text-center" style="font-size: 17px">
                                            <div class="col-sm-6">
                                                车辆铭牌照片
                                            </div>
                                            <div class="col-sm-6">
                                                发动机铭牌照片
                                            </div>
                                        </div>
                                        <form role="form">
                                            <fieldset>
                                                <div class="form-group">
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src=""  id="zpClmp">
                                                    </div>
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src=""  id="zpFdjmp">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                        <div class="row text-center" style="font-size: 17px">
                                            <div class="col-sm-6">
                                                后处理装置照片
                                            </div>
                                            <div class="col-sm-6">
                                                检测结果照片
                                            </div>
                                        </div>
                                        <form role="form">
                                            <fieldset>
                                                <div class="form-group ">
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src=""  id="zpHclzz">
                                                    </div>
                                                    <div class="col-sm-6 center-block" style="border: 1px solid black;">
                                                        <img src=""  id="zpJcjg">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                    <!-- 模态框底部 -->
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                    </div>
                                </div>
                            </div>
                        </div><!-- /.page-content -->
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="select_template_modal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">选择模板</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-6">
                                <div id="modal_vorId"></div>
                                <select class="form-control" id="select_template" multiple="multiple">
                                    <option th:each="template:${templates}"
                                            th:value="${template?.templateId}">
                                        [[${template?.templateName}]]
                                    </option>
                                </select>
                            </div>
                            <div class="col-sm-6" id="template_remark">
                                描述
                            </div>
                        </div>
                    </div>
                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" data-dismiss="modal" onclick="modify_template()">
                            提交
                        </button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">sys</a>
                    </li>
                    <li class="active">index</li>
                </ul><!-- /.breadcrumb -->
            </div>

            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12 col-sm-3 widget-box">
                        <div class="widget-header">
                            <h4 class="widget-title" style="color: black">选择分类</h4>
                        </div>
                        <select class="form-control" id="select_client" multiple="multiple" style="height:0px;padding-bottom: 100%;">
                        </select>
                    </div>
                    <div class="table-responsive col-xs-12 col-sm-9">
                        <table class="table table-bordered table-hover text-nowrap" id="vor_table"
                               cellspacing="0">
                            <thead>
                            <tr>
                                <th>原始报告id</th>
                                <th>报告编号</th>
                                <th>编制人</th>
                                <th>检测日期</th>
                                <th>委托单位</th>
                                <th>联系人</th>
                                <th>委托单位地址</th>
                                <th>模板</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                <span class="bigger-120">
                    <span class="blue bolder">Ace</span>
                    管理系统 &copy; 2020
                </span>
            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->
<script th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/jquery.colorbox.min.js}"></script>
<script th:src="@{/js/ace-elements.min.js}"></script>
<script th:src="@{/js/ace.min.js}"></script>
<script th:src="@{/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/js/dataTables.bootstrap4.min.js}"></script>
<script th:src="@{/js/bootstrap.viewer.min.js}"></script>
<!--用于装载table-->
<script th:src="@{/custom/vor/manage-list.js}"></script>
<script>
    //弹出框展示
    function vor_view(vid) {
        $.ajax({
            url: "/vor/get?vid=" + vid,
            method: "get",
            success: function (vor) {
                $("#vorId").val(vor.vorId);
                $("#bgbh").val(vor.bgbh);
                $("#jcrq").val(vor.jcrq);
                $("#wtDw").val(vor.wtDw);
                $("#wtLxr").val(vor.wtLxr);
                $("#wtDwdz").val(vor.wtDwdz);
                $("#wtLxfs").val(vor.wtLxfs);
                $("#cyz").val(vor.cyz);
                $("#cyzLxr").val(vor.cyzLxr);
                $("#cyzDz").val(vor.cyzDz);
                $("#cyzLxfs").val(vor.cyzLxfs);
                $("#sbjbJxmc").val(vor.sbjbJxmc);
                $("#sbjbJxhp").val(vor.sbjbJxhp);
                $("#sbjbJxxh").val(vor.sbjbJxxh);
                $("#sbjbJxbm").val(vor.sbjbJxbm);
                $("#sbjbSccj").val(vor.sbjbSccj);
                $("#sbjbJxpp").val(vor.sbjbJxpp);
                $("#sbjbSbys").val(vor.sbjbSbys);
                $("#sbjbCcsj").val(vor.sbjbCcsj);
                $("#sbjbJxlx").val(vor.sbjbJxlx);
                $("#sbjbSblx").val(vor.sbjbSblx);
                $("#sbjbHclxt").val(vor.sbjbHclxt);
                $("#sbjbGztx").val(vor.sbjbGztx);
                $("#fdjSccj").val(vor.fdjSccj);
                $("#fdjXh").val(vor.fdjXh);
                $("#fdjCcbh").val(vor.fdjCcbh);
                $("#fdjCcsj").val(vor.fdjCcsj);
                $("#fdjEdjgl").val(vor.fdjEdjgl);
                $("#fdjEdzs").val(vor.fdjEdzs);
                $("#fdjRlxh").val(vor.fdjRlxh);
                $("#fdjPfjd").val(vor.fdjPfjd);
                $("#jcxxJcyj").val(vor.jcxxJcyj);
                $("#jcxxJcff").val(vor.jcxxJcff);
                $("#jcxxJclb").val(vor.jcxxJclb);
                $("#jcxxJccs").val(vor.jcxxJccs);
                $("#jcxxKssj").val(vor.jcxxKssj);
                $("#jcxxJssj").val(vor.jcxxJssj);
                $("#jcxxJcdd").val(vor.jcxxJcdd);
                $("#jcxxSsqy").val(vor.jcxxSsqy);
                $("#jcxxWd").val(vor.jcxxWd);
                $("#jcxxXdsd").val(vor.jcxxXdsd);
                $("#jcxxDqyl").val(vor.jcxxDqyl);
                $("#jcxxHbgd").val(vor.jcxxHbgd);
                $("#jcxxJcry").val(vor.jcxxJcry);
                $("#jcsjClz1").val(vor.jcsjClz1);
                $("#jcsjClz2").val(vor.jcsjClz2);
                $("#jcsjClz3").val(vor.jcsjClz3);
                $("#jcsjPjz").val(vor.jcsjPjz);
                $("#jcsjJzgpqy").val(vor.jcsjJzgpqy);
                $("#jcsjJcjg").val(vor.jcsjJcjg);
                $("#jcsjFjzgpq").val(vor.jcsjFjzgpq);
                $("#jcsjFjcjg").val(vor.jcsjFjcjg);
                $("#jcsjZs").val(vor.jcsjZs);
                $("#jcsjYqhd").val(vor.jcsjYqhd);
                $("#zysbSbbh").val(vor.zysbSbbh);
                $("#zysbSbmc").val(vor.zysbSbmc);
                $("#zysbSydw").val(vor.zysbSydw);
                $("#zysbYqhd").val(vor.zysbYqhd);
                $("#zysbZsbh").val(vor.zysbZsbh);
                $("#zysbYxqz").val(vor.zysbYxqz);
                $("#zpJxzt").attr("src",vor.zpJxzt);
                $("#zpSbjc").attr("src",vor.zpSbjc);
                $("#zpClmp").attr("src",vor.zpClmp);
                $("#zpFdjmp").attr("src",vor.zpFdjmp);
                $("#zpHclzz").attr("src",vor.zpHclzz);
                $("#zpJcjg").attr("src",vor.zpJcjg);
            }
        });
        $("#view_vor_modal").modal("show");
    }

    $(function () {
        //加载页面时 , 初始化表格
        load_vor_table("/vor/getList");
        //装载选择委托单位
        $.ajax({
            type:"get",
            url:"/client/all",
            success:function (res) {
                $("#select_client").append("<option value='0'>所有</option>");
                $.each(res,function (index,item) {
                    $("#select_client").append("<option value='"+item.clientId+"'>"+item.clientName+"</option>");
                });
            }
        });
    });
    $("#select_client").change(function () {
        load_vor_table("/vor/getList?cid="+$(this).val());
    });

    function modify_template_modal(vid) {
        $("#modal_vorId").val(vid);
        $("#select_template_modal").modal("show");
    }

    function modify_template() {
        $.ajax({
            url: "/vor/modify?tid=" + $("#select_template").val() + "&vid=" + $("#modal_vorId").val(),
            method: "post",
            success: function () {
                $("#vor_table").DataTable().ajax.reload();
            }
        });
    }
    $("#select_template").change(function () {
        $.ajax({
            url: "/template/get?tid=" + $(this).val(),
            method: "get",
            success: function (data) {
                $("#template_remark").text(data.remark);
            }
        })
    });
</script>
</body>
</html>
